<template>
  <view>
    <cu-custom bgColor="bg-white" :isBack="true"><block slot="content" class="text-black text-000">电影票</block></cu-custom>
<!-- 待付款订单 start-->
  <view class="flex bg-white margin-top-sm padding-tb-lg margin-lr-sm relative">
<!--    左边图片-->
    <view class="round bg-gray position-absolute" style="width:60rpx;height:60rpx;z-index:1;top:104rpx;left:-30rpx"></view>
    <view class="margin-left-lg">
      <img :src="$tools.j('reying.jpg')" style="width:120rpx;height:160rpx" class="radius">
    </view>
    <view class="round bg-gray position-absolute" style="width:60rpx;height:60rpx;z-index:1;top:104rpx;right:-30rpx"></view>
<!--    中间电影信息-->
    <view class="margin-left-sm">
      <view class="flex justify-between">
        <view class="text-lg text-black margin-bottom text-bold" style="white-space: nowrap">
          <text>夺冠(中国女排)</text>
          <text class="margin-left-xs">1张</text>
        </view>
        <view class="text-orange">
          <text class="iconfont icon-clock text-lg"></text>
          04:55
        </view>
      </view>
      <view class="text-gray margin-bottom-xs text-sm">2020-10-20 19:30</view>
      <view class="text-gray margin-bottom-xs text-sm">中影星美VIP影城江宁砂之船点</view>
<!--      <view class="text-orange">-->
<!--        <text class="iconfont icon-clock text-lg"></text>-->
<!--        04:55-->
<!--      </view>-->
    </view>
<!--    右边付款-->
    <view class="text-center margin-right-sm align-center flex justify-center">
      <button class="cu-btn round line-red text-red solid" @tap="payment(item)" >付款</button>
    </view>
  </view>
<!--    待付款订单 end-->

<!--    已出票订单 start-->
    <navigator :url="url(item)">
      <view class="flex bg-white margin-top-sm padding-tb-lg margin-lr-sm relative">
        <!--    左边图片-->
        <view class="round bg-gray position-absolute" style="width:60rpx;height:60rpx;z-index:1;top:104rpx;left:-30rpx"></view>
        <view class="margin-left-lg">
          <img :src="$tools.j('reying.jpg')" style="width:120rpx;height:160rpx" class="radius">
        </view>
        <view class="round bg-gray position-absolute" style="width:60rpx;height:60rpx;z-index:1;top:104rpx;right:-30rpx"></view>
        <!--    中间电影信息-->
        <view class="margin-left-sm">
          <view class="text-lg text-black margin-bottom text-bold margin-top-xs">夺冠(中国女排) <text class="margin-left-xs">1张</text></view>
          <view class="text-gray margin-bottom-xs text-sm">2020-10-20 19:30</view>
          <view class="text-gray margin-bottom-xs text-sm">中影星美VIP影城江宁砂之船点</view>
        </view>
      </view>
    </navigator>
<!--    已出票订单 end-->

<!--    已放映订单 start-->
    <view class="flex bg-white margin-top-sm padding-tb-lg margin-lr-sm relative" style="opacity:0.5">
      <!--    左边图片-->
      <view class="round bg-gray position-absolute" style="width:60rpx;height:60rpx;z-index:1;top:104rpx;left:-30rpx"></view>
      <view class="margin-left-lg">
        <img :src="$tools.j('reying.jpg')" style="width:120rpx;height:160rpx" class="radius">
      </view>
      <view class="round bg-gray position-absolute" style="width:60rpx;height:60rpx;z-index:1;top:104rpx;right:-30rpx"></view>
      <!--    中间电影信息-->
      <view class="margin-left-sm">
        <view class="text-lg text-gray margin-bottom margin-top-xs">夺冠(中国女排) <text class="margin-left-xs">1张</text></view>
        <view class="text-gray margin-bottom-xs text-sm">2020-10-20 19:30</view>
        <view class="text-gray margin-bottom-xs text-sm">中影星美VIP影城江宁砂之船点</view>
      </view>
    </view>
<!--    已放映订单 end-->
  </view>
</template>

<script>
export default {
  name: "",
  data() {
    return {}
  },
  components: {},
  computed: {},
  created() {

  },
  onLoad() {

  },
  methods: {
    url(item){
        return `/pages/order/detail_new`
    },
    payment(item){
      this.$tools.goTo('/pages/order/payment')
    }
  }
}
</script>

<style scoped>
</style>
